<template>
  <PageWrapper>
    <template #headerContent> <WorkbenchHeader /> </template>
    <div class="lg:flex">
      <div class="lg:w-7/10 w-full !mr-4 enter-y">
        <!-- 快捷方式 -->
        <Shortcuts :loading="loading" class="enter-y" />
        <div class="lg:flex">
          <LoginInfo :loading="loading" class="lg:w-1/2 w-full !mr-4 !my-4 enter-y" />
          <OperateInfo :loading="loading" class="lg:w-1/2 w-full !my-4 enter-y" />
        </div>
      </div>
      <div class="lg:w-3/10 w-full enter-y">
        <!-- 日历+日程 -->
        <Schedule :loading="loading" class="enter-y" />
      </div>
    </div>
  </PageWrapper>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import { PageWrapper } from '@/components/Page';
  import WorkbenchHeader from './components/WorkbenchHeader.vue';
  import Shortcuts from './components/Shortcuts.vue';
  import Schedule from './components/Schedule.vue';
  import LoginInfo from './components/LoginInfo.vue';
  import OperateInfo from './components/OperateInfo.vue';

  const loading = ref(true);

  setTimeout(() => {
    loading.value = false;
  }, 1500);
</script>
